﻿<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>项目展示</title>
		<link rel="stylesheet" href="css/default.css" />
		<script type="text/javascript" src="js/jquery1.42.min.js"></script>
		<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
		<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.source.js"></script>
        <script type="text/javascript">
            $().ready(function () {
                $.getJSON("/API/VIEWAPI.ashx?Action=Commanage_GETZLFLLIST&r=" + Math.random(), {}, function (resultData) {

                    if (resultData.ErrorMsg == "") {
                        var lm = resultData.Result;
                        if (lm) {
                            $(".sideMenu").empty();
                            $(lm).each(function (i, m) {
                                $(".sideMenu").append('<h3><em></em>' + m.Name + '</h3>');
                                var html = '<ul>';
                                $(m.Item).each(function (inx, itm) {
                                    html += '<li dataid=' + itm.ID + '>' + itm.Name + '</li>';
                                });
                                html += '</ul>';
                                $(".sideMenu").append(html);
                            })
                            $(".sideMenu").slide({
                                titCell: "h3",
                                targetCell: "ul",
                                defaultIndex: 0,
                                effect: "slideDown",
                                delayTime: 300,
                                trigger: "click",
                                defaultPlay: true
                            });
                            $(".sideMenu ul li").click(function () {
                                $(".xzlm").text($(this).text()).attr("dataid", $(this).attr("dataid"));
                                $(".key").val('');
                                $(".year").val('');
                                getData(1, 10);
                            });

                            $(".sideMenu ul li").eq(0).trigger("click");
                        }//图片新闻
                    }
                });
                $(".query").click(function () {
                    getData(1, 10);
                });
                $(".year").change(function () {
                    getData(1, 10);
                })
            })
            function getData(p, c) {
                $.getJSON('/API/VIEWAPI.ashx?Action=Commanage_GETZLLIST', { P1: $(".xzlm").attr("dataid"), p: p, pagecount: c, P2: $(".key").val(), year: $(".year").val() }, function (resultData) {
                    if (resultData.ErrorMsg == "") {
                        var list = resultData.Result;
                        $(".cg-show").empty();
                        $(list).each(function (i, m) {
                            $(".cg-show").append('<li><a target="_blank" href="news-zlzs-detail.html?id=' + m.ID + '">' +
                                       '<div class="cg-item ">' +
                                       '         <div class="cg-item-img ">' +
                                       '             <img src="/view/Comon/downloadfile.aspx?FileID=' + (m.Files ? m.Files.split(',')[0] : '0') + '"  onerror="javascript:this.src=\'/CGSBWEB/images/1.png\'"/>' +
                                       '         </div>' +
                                       '         <div class="cg-item-cont ">' +
                                       '             <div class="c333 word-break ">' + m.Name + '</div>' +
                                       '             <div class="ft12 c999 mt5 ">' + m.CRDate.substring(0, 10) + '</div>' +
                                       '         </div>' +
                                       '     </div>' +
                                    '</a></li>');
                        })
                        //var Total = resultData.Result1;//总数量
                    }
                })
            }
        </script>
	</head>

	<body>
		<div class="cont-box">
			<div class="cont-center">
				<div class="top">
					<img src="images/top-img.png" style="height:120px" />
				</div>
				<div class="nav">
					<ul>
                        <li>
                            <a href="index.html">网站首页</a>
                        </li>
                        <li>
                            <a href="news.html">新闻中心</a>
                        </li>
                       
                        <li>
                            <a href="news-zlzs.html" class="active">项目展示</a>
                        </li>
            
					</ul>
				</div>
				<!--banner-->
				<div class="mt15 banner-new">
					<img src="images/news-zlzs.png" />

				</div>
				<!--新闻-->
				<div class="news overflow mt15">
					<div class="pull-left left-box">
						<div class="sm-banner-new">
							<img src="images/sm-zlzs.png" />
						</div>

						<div class="sideMenu mt10">
						</div>
						<!-- sideMenu End -->
					</div>
					<div class="pull-right right-box">
						<div class="border-box">
							<div class="border-cont">
								<div class="nav-bar mb15 ml5 mr5">
									<img src="images/map.png" style="width:inherit;">
									<a  href="index.html">首页 </a>>
									<a  href="news-zlzs.html"> 项目展示</a> > <span class="xzlm"></span>
								</div>
								
								<div class="search-bar overflow mb10  ml5 mr5">
									<div class="input-box pull-left">
                                        <input type="text" placeholder="请输入关键字" class="form-control key" />
                                        <span class="input-group-addon query" style="cursor:pointer;">搜索</span>
									</div>
									<div class="select-box pull-right c666">
										年份筛选：
                                        <select class="year">
                                            <option value=""></option>
                                            <option value="2014">2014</option>
                                            <option value="2015">2015</option>
                                            <option value="2016">2016</option>
                                            <option value="2017">2017</option>
                                        </select>
									</div>
								</div>
								<ul class="cg-show overflow">

								</ul>
							</div>
						</div>
					</div>
				</div>
				<!--底部-->
				<div class="foot mt15 ">
					<div class="foot-map ">
						<a>首页</a>|
						<a>新闻中心</a>|
						<a>项目展示</a>|
					</div>
					<p class="c666 mt10 ">公司版权所有</p>
				</div>
			</div>
		</div>
	</body>

</html>